// 基础导入

// 创建 vue
import { createApp } from "vue"
import App from "./App.vue"
const app = createApp(App)

// 导入路由模块 [Router]
import router from "./router"
app.use(router)

// 配置 Pinia: 导入方法 -> 导入持久化插件 -> 创建实例 -> 添加插件 -> 注册插件到vue实例 [Pinia]
import { createPinia } from "pinia"
import piniaPluginPersistedstate from "pinia-plugin-persistedstate"
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
app.use(pinia)


// 配置 Element-UI: 导入组件库所有模块 -> 导入组件库所需全局 css 样式 -> 导入组件库中所有图标 -> 导入组件库中文语言包 [Element-UI]
import ElementPlus from "element-plus"
import "element-plus/dist/index.css"
import * as ElementPlusIconsVue from "@element-plus/icons-vue"
import zhCn from "element-plus/dist/locale/zh-cn.mjs"
//注册 ElementPlus 组件库中的所有图标到全局 Vue 应用中
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
//注册 ElementPlus 插件到 Vue,设置组件库区域语言为中文简体
app.use(ElementPlus, {locale: zhCn})


app.mount("#app")